<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>合作伙伴</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            box-sizing: border-box;
        }

        :root {
            --fontColor: #d82019;
        }

        .clearfix::after {
            content: '';
            display: table;
            clear: both;
        }

        .wfull {
            width: 100%;
        }

        .obc {
            object-fit: cover;
        }

        .hfull {
            height: 100%;
        }
    </style>
</head>

<body>

<div th:replace="index_header.html :: index_header"  ></div>




<style>
    .headerrrrrrrrrr {
        overflow: hidden;
        width: 100%;
    }
    .headerrrrrrrrrr  .header-img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
</style>
<div class="headerrrrrrrrrr">
    <img      th:src="@{/images/partner/partner.jpg}"     alt="" class="  header-img">
</div>





<style>
    @media screen and (min-width:901px) {

        /* 电脑  */
        .customer-show {
            width: 80%;
            margin: auto;
        }

        .customer-show .company-logo .item {
            width: 20%;
            height: 100px;
            /* border: 1px solid red; */
            padding: 9px;
            float: left;
        }
    }

    @media screen and (max-width:900px) {

        /* 手机 */
        .customer-show {
            width: 95%;
            margin: auto;
        }

        .customer-show .company-logo .item {
            width: 50%;
            height: 100px;
            /* border: 1px solid red; */
            padding: 9px;
            float: left;
        }
    }


    .customer-show .company-logo .item img {
        border: 1px solid lightgrey;
    }
</style>
<div class="customer-show">


    <br>
    <br>

    <div style="  padding: 9px;">
        <h2 style="font-weight: normal;">客户展示</h2>
        <h2 style="font-weight: normal; color: var(--fontColor);">CUSTOMER SHOW</h2>
    </div>

    <div class="company-logo  wfull  clearfix  ">
        <div class="item">
            <img th:src="@{/images/index/alibaba.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/haier.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/henda.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/huarun.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/huawei.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/samsung.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/tencent.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/toyota.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/vanke.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/wanda.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/state-grid.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/agricultural-bank.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/benz.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/business-bank.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/china-bank.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/china-mobile.jpg}" alt="" class="wfull  hfull  ">
        </div>
        <div class="item">
            <img th:src="@{/images/index/china-petro.jpg}" alt="" class="wfull  hfull  ">
        </div>
    </div>


</div>




<div th:replace="footer.html :: tongchuang-footer"  ></div>





</body>

</html>